<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/login.css">
</head>
<body>
<div class="option">
    <h1>地震信息<span>管理</span></h1>
    <h3>地震灾情管理平台 登录:</h3>
    <div class="radios">
        <div>
            <input type="radio" id="login-user" name="login-choice" checked="checked" value="user" onclick="showLoginForm()">
            <label for="login-user">登录</label>
        </div>
        <div>
            <input type="radio" id="login-visitor" name="login-choice" value="visitor" onclick="showLoginForm()">
            <label for="login-visitor">游客</label>
        </div>
    </div>

</div>

<div class="login">
    <form id="login-form-user" action="/home/login" method="post">
        <input type="text" id="username" name="username" placeholder="用户名" required="required">
        <input type="password" id="password" name="password" placeholder="密码" required="required">
        <button type="submit">登录</button>
    </form>
</div>
<div class="login">
    <form id="login-form-visitor" action="/home/visitorLogin" method="get">
        <button type="submit">进入</button>
    </form>
</div>
<script src="js/login.js"></script>
</body>
</html>
